<!-- 基础帮助 -->
<ion-header>
    <ion-toolbar color="primary">
        <ion-buttons slot="start" (click)="dismiss(true)">
            <ion-icon name="arrow-back"></ion-icon>
            <ion-back-button></ion-back-button>
        </ion-buttons>
        <ion-title>{{title ? title : '帮助'}}</ion-title>
        <ion-buttons slot="end" (click)="dismiss()">
            <ion-button><span style="font-size: 14px;">确定</span></ion-button>
        </ion-buttons>
    </ion-toolbar>
    <SearchBar [placeholder]="'搜索'" (onChange)="frontEndFilter($event)" (onCancel)="frontEndFilter('')"></SearchBar>
    <!-- 编号、名称 -->
    <div class="listHeaderOut">
        <div class="listHeader" style="width: 8%;">#</div>
        <div class="listHeader" style="width: 46%;">编号</div>
        <div class="listHeader" style="width: 46%;">名称</div>
    </div>
</ion-header>

<ion-content>
    <div *ngIf="showData.length>0; else emptyData">
        <List>
            <RadioItemGroup [(ngModel)]="selectedStatus1.code" (onChange)="onChange($event)">
                <RadioItem *ngFor="let item of showData; let i=index" [name]="item.code" [value]="item">
                    <div class="radioItem" style="width: 8%;font-size: 12px;">{{i + 1}}</div>
                    <div class="radioItem" style="width: 46%;font-size: 14px;">{{item.code}}</div>
                    <div class="radioItem" style="width: 46%;font-size: 14px;">{{item.name}}</div>
                </RadioItem>
            </RadioItemGroup>
        </List>
    </div>
    <ng-template #emptyData>
        <app-loading [noData]="noData"></app-loading>
    </ng-template>
</ion-content>


